@font-face {
    font-family: 'Slimlines';
    src: url('../fonts/Slimlines.eot');
    src: url('../fonts/Slimlines.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Slimlines.woff2') format('woff2'),
        url('../fonts/Slimlines.woff') format('woff'),
        url('../fonts/Slimlines.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Slimbots';
    src: url('../fonts/Slimbots.eot');
    src: url('../fonts/Slimbots.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Slimbots.woff2') format('woff2'),
        url('../fonts/Slimbots.woff') format('woff'),
        url('../fonts/Slimbots.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}




.loaderArea {
  background: rgba(0,0,0,1) url(../img/477.gif) center center no-repeat;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 100000;
}

 


.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background:rgba(0, 0, 0, 1) url(../img/835.png) center center no-repeat;
    text-align: center;
}



*{margin:0; padding:0; outline:none; box-sizing:border-box;}

html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

img{vertical-align:middle;}

body{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:18px;}

strong, b{font-weight:400;}



input, textarea, button, select{font-family: 'Cuprum', sans-serif; font-weight:400; font-size:16px; color:#333;}


#top-panel{z-index:9999; position:absolute; left:0; top:0; width:100%; padding:0 20px; background:#000;}
.fixed {position:fixed !important; left:0; top:0; width:100%;  background:#FFF!important; box-shadow:0 0 30px rgba(0,0,0,0.3);}
.top-panel{height:80px; max-width:1200px; margin:0 auto; display:grid; grid-template-columns:200px 1fr 250px;
grid-column-gap:20px; align-items:center; }



.mainhome #top-panel{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

img{max-width:100%;}

.logo{position:relative;}
.logo a{text-decoration:none;
font-family: 'Slimbots'; font-size:34px; 
transition:color 0.5s ease; color: #FFF;}
.logo a span{color: rgba(182,32,50,1);}
.logo:hover a{ color: rgba(182,32,50,1);}
.santa{position:absolute; left:-22px; top:-5px;}

.fixed .logo a{color: rgba(182,32,50,1);}
.fixed .logo:hover a{color: #000;}



.top-menu{list-style-type:none; display:grid; grid-template-columns:repeat(5, 1fr); z-index:9999;}
.top-menu li{text-align:center; position:relative; transition:background 1s ease;}
.fixed .top-menu li{text-align:center; position:relative; border-right:1px solid rgba(0,0,0,0.2); transition:background 1s ease, color 1s ease;;}
.top-menu li:last-child{border-right:0px;}
.top-menu li.active a{background:rgba(255,255,255,0.30);} 
.top-menu li:hover{background:#FFF;}
.top-menu li:hover a{color:#000;}
.top-menu li a{ display:block; height:40px; line-height:40px; text-decoration:none; color:#FFF; text-transform:uppercase; font-size:15px;
font-weight:400;}
.top-menu li a .fa{margin:0 10px;}
.top-menu li span.colport{position:absolute; right:10px; top:-8px; color:#FFF; 
background:rgba(182, 32, 50, 1); font-family: 'Roboto Condensed', sans-serif; font-size:11px;
font-weight:700; padding:2px 6px;}
.top-menu li span.colport:before{position:absolute; right:10px; bottom:-12px; content:"";
border: 5px solid transparent;	border-top: 7px solid rgba(182, 32, 50, 1);
}

.top-menu li ul{ min-width:300px;  position:absolute; left:0 ;top:40px; background:#FFF; box-shadow:0 10px 10px rgba(0,0,0,0.2);

max-height:0px;
    overflow:hidden;
    -webkit-transition:max-height 0.4s linear;
    -moz-transition:max-height 0.4s linear;
    transition:max-height 0.4s linear;
}
.top-menu li ul li{border-right:0px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.1);}

.fixed .top-menu li ul li{border-right:0px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.1);}


.top-menu li ul li a{height:45px; line-height:45px;  padding:0 15px; display:grid; grid-template-columns:30px 1fr; 
align-items:center; font-size:13px; color:#000;}
.top-menu li ul li a:hover{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+51,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.top-menu li ul li a .fa{margin-left:0; margin-right:15px; font-size:15px;}
.top-menu li:hover ul{ max-height:800px;}
 


.fixed .top-menu li a{color:#000;}

.phone{text-align:right; font-family: 'Slimbots';  font-size:25px; line-height:22px; 
color:#FFF;}
.phone a{text-decoration:none; color:#FFF;}

.fixed .phone a{text-align:right;  font-size:25px; 
line-height:22px; color:#000;}

a#blink{font-family: 'Roboto Condensed', sans-serif; font-size:11px; 
color:#FFF; text-decoration:none; padding-bottom:2px;
border-bottom:1px dashed #009B95; margin-right:5px; cursor:pointer; }





#blink {
  -webkit-animation: blink1 2s linear infinite;
  animation: blink1 2s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { color: rgba(182, 32, 50, 1); border-bottom:1px dashed rgba(182, 32, 50, 1);}
  50% { color: rgba(255, 255, 255, 1); border-bottom:1px dashed rgba(255, 255, 255, 1);}
  100% { color: rgba(182, 32, 50, 1); border-bottom:1px dashed rgba(182, 32, 50, 1);}
}
@keyframes blink1 {
  0% { color: rgba(182, 32, 50, 1); border-bottom:1px dashed rgba(182, 32, 50, 1);}
  50% { color: rgba(255, 255, 255, 1); border-bottom:1px dashed rgba(255, 255, 255, 1);}
  100% { color: rgba(182, 32, 50, 1); border-bottom:1px dashed rgba(182, 32, 50, 1);}
}




#slider{height:100vh; background:#000; background-size:cover; display:grid; align-items:center;
 color:#FFF; position:relative; 
overflow:hidden;text-align:left; width:100%;}

#slider:before{position: absolute;top: 0;
	left: 0; width: 100%; right:0; bottom:0;
	height: 100%; background:rgba(0,0,0,0.1); content:"";
	z-index:10;
	}

#slider:after{position: absolute;bottom: 0;
	left: 0; width: 100%; 
	height:100px;content:""; 
	z-index:20;
	
	
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.66)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	
	}


#video{position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	 

 }
@supports (object-fit: cover) {
  #video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slogcontainer{width:96%;  margin:0 auto; display:block;  position:relative; z-index:20;}

.slogan1{font-size:40px;  margin-bottom:15px;  position:relative; 
}
.slogan1 i{animation: blink 8s linear infinite; color: rgba(182, 32, 50, 1);}

.slogan1 i:nth-child(1) { animation-delay: 1s; }
.slogan1 i:nth-child(2) { animation-delay: 2s; }
.slogan1 i:nth-child(3) { animation-delay: 3s; }
.slogan1 i:nth-child(4) { animation-delay: 4s; }
.slogan1 i:nth-child(5) { animation-delay: 5s; }
.slogan1 i:nth-child(6) { animation-delay: 6s; }
.slogan1 i:nth-child(7) { animation-delay: 7s; }
.slogan1 i:nth-child(8) { animation-delay: 8s; }

@keyframes blink {
  0%, 20% {
    color: #009B95;
  }
  10% {
    color: rgba(182, 32, 50, 1);
  }
}




.fa-html5, .fa-php, .fa-css3, .fa-js-square{}

.slogan2{font-size:50px; font-family: 'Cuprum', sans-serif; line-height:50px; margin-bottom:15px;
position:relative; text-shadow:2px 2px 2px rgba(0,0,0,1);}
.slogan3{color:#FFF; margin-bottom:10px; text-shadow:1px 1px 0px rgba(0,0,0,1); font-size:18px; line-height:23px;
position:relative;}
.slogan4{position:relative; }
.slogan4 a{height:55px; width:320px; line-height:50px; color:#FFF; 
text-decoration:none; 
 position:relative; display:block; text-align:center; font-family: 'Cuprum', sans-serif;
font-size:24px;
cursor:pointer;
transition:top 1s ease;
top:0px;

}
.slogan4 a:before{transition:width 0.5s ease, height 0.5s ease; content:""; position:absolute; left:0; top:0; width:30px; height:30px;
border-left:1px solid #FFF; border-top:1px solid #FFF;}
.slogan4 a:after{transition:width 0.5s ease, height 0.5s ease;content:""; position:absolute; right:0; bottom:0; width:30px; height:30px;
border-right:1px solid #FFF; border-bottom:1px solid #FFF;}

.slogan4 a:hover{ color:#FFF; top:-10px;}
.slogan4 a:hover:before{width:319px; height:54px;}
.slogan4 a:hover:after{width:319px; height:54px;}




.slogan4 a .fas{margin-left:10px;}










.services-block{max-width: 1200px; margin:0 auto;}



main {
  
  max-width: 1200px;
  padding: 50px 20px;
  margin: 0 auto;
  background: #fff;
  
  
 
}
/* Стили секций с содержанием */
#content1, #content2, #content3 {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

main input {
  display: none;
}
/* Стили вкладок (табов) */
main label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-size:24px;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}


/* Шрифт-иконки от Font Awesome в формате Unicode */
main label[for*='1']:before {
  content: '';
}

main label[for*='2']:before {
  content: '';
}

main label[for*='3']:before {
  content: '';
}

main label[for*='4']:before {
  content: '';
}
/* Изменения стиля заголовков вкладок при наведении */
main label:hover {
  color: #888;
  cursor: pointer;
}
/* Стили для активной вкладки */
main input:checked + label {
  color: #333;
  border: 1px solid #dedede;
  border-top: 1px solid #BE2F33;
  border-bottom: 1px solid #fff;
}
/* Активация секций с помощью переключателя :checked */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}






.content1{display:grid; grid-template-columns:1fr 1fr 1fr; grid-column-gap:35px;}
.content1 p{margin:15px 0; color:#555;}
.oh1{font-size:40px; font-weight:400; color:#BE2F33!important;     font-family: 'Cuprum', sans-serif; 
 }
.oh2{font-size:40px; font-weight:400;   color:#333!important;  font-family: 'Cuprum', sans-serif;}
.oh6{font-size:26px; font-weight:400;   color:#333!important;  font-family: 'Cuprum', sans-serif;}


.content2{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:20px;}
.content2 p{margin:15px 0; color:#555;}
.sh2{font-family: 'Cuprum', sans-serif; font-size:75px; color:#BE2F33!important;}
.sh3{font-family: 'Cuprum', sans-serif; font-size:26px; color:#333!important;}



.j-head-arrow{width:70px; height:70px; line-height:70px; text-align:center; position:fixed; right:30px; bottom:30px; 
 border-radius:50px; color:rgba(255,255,255,1); display:block; font-size:30px;
text-decoration:none; transition:background 0.5s ease; background:rgba(0,60.8,58.4,1);}
.j-head-arrow:hover{background:rgba(255,255,255,0.3); }









#services{background:#f5f5f5 url(../img/bg-lightl-888.jpg); padding:50px 20px; width:100%;

}
.services{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:40px; 
max-width:1200px; margin:0 auto; 


}
.services p{margin:15px 0; color:#555;}
.icenter{}
.icenter .fas{font-size:60px; margin-left:30px; color:#BE2F33;}
.services-block{border-bottom:1px solid #999;}
.str-center{text-align:center; }





#clients{padding:50px 20px; width:100%; }
.clients{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:20px; max-width:1200px; margin:0 auto;
align:items:center;}

.clients p{margin:15px 0; color:#555;}





.apolit{display:grid; grid-template-columns:30px 1fr; grid-gap:20px; padding:15px 0;}
.apolit a{color:red; cursor:pointer; text-decoration:underline;}







#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.7s ease-in 0s;
}



#overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.7s ease-in 0s;
}


#overlay3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.7s ease-in 0s;
}

.popup {
    top: 10%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    max-width: 350px;
    position: absolute;
    background: #FFF;
    z-index: 10000;
    padding:20px 60px;
	box-shadow:0 0 25px rgba(0,0,0,0.7);
	
    
}

.popup2 {
    top: 5%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    max-width: 90%;
    position: absolute;
    background: #FFF;
    z-index: 10000;
    padding:40px;
	overflow-y:scroll;
    max-height:90%;
	box-shadow:0 0 25px rgba(0,0,0,0.7);
}

.close {
    top: -45px;
    right: -45px;
    position: absolute;
    border: none;
   color:#FFF;
   background:none;
    cursor: pointer;
    outline: none;
    font-size:30px;
	z-index:9999;
	

}

.close:hover {
   color:red;
}



.confidec{
	
	
	
}
.confidec p{margin:20px 0;}
.confidec p strong{font-size:20px;}


.formzag{font-family: 'Cuprum', sans-serif; font-size:18px; text-align:center;  padding:15px 0;}
.formzag a{text-decoration:none; border-bottom:1px dashed #666; color:#666; font-size:20px;}

.formcontent{}


.inpform{}
.inpform input{padding:15px; border:none; width:100%;  margin-bottom:10px;
border:1px solid #dedede;}
.inpform select{padding:15px; border:none; width:100%; background:rgba(0,0,0,0.05); margin-bottom:5px;
border:none;
-webkit-appearance: none;
-moz-appearance: none;
}


.inpform textarea{padding:15px; border:none; width:100%; background:rgba(0,0,0,0.05); margin-bottom:5px; 
min-height:100px; resize: none; border:none;}
.inpform .formsubmit{ border:none;  background:#BE2F33; width:100%; 
height:45px; color:#FFF; cursor:pointer;}
/*
.inpform input[type="file"] {
    display: none;
}
*/

.custom-file-upload {
	
   border:1px dashed green;
   padding:15px;
   color:green;
   height:45px;
   line-height:45px;
   text-align:center;
    display: block;
   font-size:24px;
	padding:0 15px;
    cursor: pointer;
	width:100%;
	
	margin-bottom:10px;
	
}
.prbrif{margin-bottom:10px; display: block; font-family: 'Cuprum', sans-serif;
 font-size:18px; text-align:center; border-bottom:1px dashed #dedede; color:#666;}

#thanks{position:absolute; z-index:9999; left:0; top:0; bottom:0; right:0; background:darkgreen; color:#FFF; width:100%;
display:grid; text-align:center; align-items:center; padding:20px 40px; font-size:20px;}
#thanks p{font-size:30px;}

#thanks2{position:absolute; z-index:9999; left:0; top:0; bottom:0; right:0; background:#000; color:#FFF; width:100%;
display:grid; text-align:center; align-items:center; padding:20px 40px; font-size:20px;}
#thanks2 p{font-size:30px;}


#thanks3{position:absolute; z-index:9999; left:0; top:0; bottom:0; right:0; background:darkgreen; color:#FFF; width:100%;
display:grid; text-align:center; align-items:center; padding:20px 40px; font-size:20px;}
#thanks3 p{font-size:30px;}



#latest{padding:50px 20px;}
.latest{max-width:1200px; margin:0 auto;}
.latest h3{margin-bottom:50px; position:relative; font-family: 'Cuprum', sans-serif; font-size:40px; color:#BE2F33;}
.latest h3:after{position:absolute; left:0px; bottom:-15px; content:""; width:150px; height:1px; background:#BE2F33;}
.portlist{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:20px;}
.portlist a{text-decoration:none;}
.portitem{position:relative; transition: box-shadow 1s ease, transform 1s ease;}
.portitem:hover{
box-shadow: 0 0 30px rgba(0,0,0,0.2);
    transform: scale(1.05);
}



#tech-me{  padding:50px 20px;}
#tech-me h3{margin-bottom:50px; position:relative; font-family: 'Cuprum', sans-serif; 
font-size:40px; color:#333; text-align:center;}
#tech-me h3:after{position:absolute;  left:50%; bottom:-15px; content:""; width:150px; 
height:1px; background:#333; margin-left:-75px;}

.tech-me{max-width:1200px; margin:0 auto;
 text-align:center;}
.tech-me .owl-item{ font-size:60px; background:#f1f1f1; padding:40px 20px; color:#009B95;
border-radius:5px;}



.tech-me .owl-carousel{text-align:center;}
.tech-me .owl-carousel div{text-align:center; }

.tech-me .owl-prev{ position:absolute; left:0; top:50%; color:#000 !important; display:block;}
.tech-me .owl-next{ position:absolute; right:0; top:50%; color:#000 !important; display:block; }


.tech-me .owl-dots{text-align:center; padding-top:20px;}
.tech-me .owl-dots button{width:10px !important; height:10px !important; border-radius:10px !important; background:#dedede !important; margin:0 2px;}
.tech-me .owl-dots button.active{background:#000 !important;}








#jobs{padding:50px 20px; background:#000 url(../img/fake-brick.png); color:#dedede;


}
.jobs{max-width:1200px; margin:0 auto;}
.jobs h3{margin-bottom:50px; position:relative; font-family: 'Cuprum', sans-serif; font-size:40px; color:#dedede;}
.jobs h3:after{position:absolute; left:0px; bottom:-15px; content:""; width:150px; height:1px; background:#dedede;}
.jobs p{margin:15px 0;}
.jobs p i{color:#FFF; font-size:30px; margin-left:20px;}
.jcontainer{display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:30px;}
.jright{text-align:right; color:#BE2F33;}
.jright a{color:#BE2F33; text-decoration:none; border-bottom:1px dashed #BE2F33; font-family: 'Cuprum', sans-serif; font-size:25px;}
 
.jh2{}
.jh2 span{color:#BE2F33; border-bottom:1px dashed #BE2F33; font-family: 'Cuprum', sans-serif; font-size:25px;}





#uslug{padding:0px 20px;}
.uslug{max-width:1200px; margin:0 auto;}
.uslug h1{text-align:center; font-size:35px; font-family: 'Cuprum', sans-serif; position:relative; color:#BE2F33; margin-bottom:40px;}
.uslug h1:after{position:absolute; left:50%; margin-left:-75px; bottom:-15px; content:""; width:150px; height:1px; background:#BE2F33;}
.usluglist{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:30px; }
.usluglist i{font-size:40px; color:#009B95;}
.usluglist a{padding:30px; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+58,ededed+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 58%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 58%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 58%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
box-shadow:0 0 15px rgba(0,0,0,0.1);
border:1px solid #FFF;
color:#333; text-decoration:none;
transition:box-shadow 1s ease, color 1s ease;
}
.usluglist a:hover{box-shadow:0 0 25px rgba(0,0,0,0.2); color:red;}

.usluglist p{margin:15px 0;}
.uslug-p{font-size:24px; font-family: 'Cuprum', sans-serif; }





#footer{padding:0px 20px 0px 20px; width:100%; background:#000; font-size:14px; color:#dedede;

}
.footer{ max-width:1200px; margin:0 auto;}

.topfooter{display:grid; grid-template-columns:repeat(3, 1fr); color:#dedede; 
}
.topfooter p{margin:15px 0;}
.topfooter > div{padding:20px;}
.topfooter div:nth-child(1){background:#FFF; color:#000;}



#bottomfooter{background:#FFF; padding:0px 20px 0px 20px;}
.bottomfooter{ color: rgba(182, 32, 50, 1)!important; padding:30px 0; 
max-width:1200px; margin:0 auto; font-weight:600; font-size:14px;
display:grid; grid-template-columns:repeat(2, 1fr);
}
.bottomfooter p:nth-child(2){text-align:right;}
.bottomfooter p:nth-child(2) a{font-size:35px; color:#000;}

.flogo{ font-family: 'Slimbots'; font-size:35px; color: rgba(182, 32, 50, 1)!important; }



.formlogo{ font-family: 'Slimbots'; font-size:25px; color:#000; text-align:center;}
.formlogo span{color: rgba(182, 32, 50, 1);}

.fslogan{font-size:13px;}

.fmenu{border-right:1px solid rgba(255,255,255,0.15); padding-left:30px;}
.fmenu ul{list-style-type:none; margin:15px 0;}
.fmenu ul li{border-bottom:1px dashed rgba(255,255,255,0.5);}
.fmenu ul li a{font-weight:400; color:#dedede; font-size:16px; color:#dedede; text-decoration:none; padding:5px 0; display:block;}


.fcontacts{font-weight:400; font-size:16px;}
.fcontacts p{border-bottom:1px dashed rgba(255,255,255,0.5); padding-bottom:10px;}
.locationss{ font-weight:400; line-height:28px; border-bottom:1px dashed rgba(255,255,255,0.5); padding-bottom:10px;}

.locationss span:nth-child(odd){text-align:center;}



.remuteadr{font-weight:bold; text-align:center; color:green; margin-bottom:20px;}



#fzakaz{ width:100%; padding:0 20px;  
  color:#333; border-top:1px solid #dedede; position:relative; 
  
  }

#fzakaz form{}

.fzakaz{max-width:1200px; padding:100px 0;margin:0 auto;  text-align:center; 
display:grid; grid-template-columns:300px 1fr; grid-gap:50px;  }
.fzakaz ::placeholder{color:#000; opacity: 1;}

.fzakaz-block{position:relative; padding:20px 30px;}

.fzakaz-block .ssa{position:absolute;  border: 2px solid #000;}
.fzakaz-block .sa1{ left:0; top:0; border-right: none; border-bottom:none; width: 30px;
 height: 30px;}
.fzakaz-block .sa2{right:0; top:0; border-left: none; border-bottom:none; width: 30px;
  height: 30px;}
.fzakaz-block .sa3{left:0; bottom:0; border-right:none; border-top:none; width: 30px;
  height: 30px;}
.fzakaz-block .sa4{right:0; bottom:0; border-left:none; border-top:none; width: 30px;
  height: 30px;}



.fzakazh1{ font-size:26px; font-family: 'Cuprum', sans-serif; color:#000; margin-bottom:35px; 
font-weight:600; position:relative; text-align:center;}
.fzakazh1:after{position:absolute; left:50%;  bottom:-15px; content:""; 
width:100px; height:2px; background:#000; margin-left:-50px;}
.usluglist{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:30px; }

.fzakazp{margin-bottom:35px; text-align:center; position:relative;}


.fzakazform .fzakazdiv{display:grid; grid-template-columns:1fr 1fr 1fr; grid-column-gap:30px; margin-bottom:30px;}
.fzakazform div input{border:1px solid rgba(0,0,0,0); border-bottom:1px solid #666; width:100%; height:50px; padding:10px;
background:none; transition:background 1s ease, box-shadow 1s ease; color:#333;}
.fzakazform div input:focus{background:#f1f1f1; }
.fzakazform textarea{background:none; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #666; width:100%; height:60px; 
transition:background 1s ease; padding:10px; margin-bottom:30px;}
.fzakazform textarea:focus{ background:#f1f1f1;}
.fzakazform button{border:none; background:#009B95; width:250px; height:50px; color:#FFF; border-radius:50px;
font-size:20px; font-family: 'Cuprum', sans-serif;}


.fzakazico{text-align:center; padding-bottom:20px;}
.fzakazico a{width:40px; height:40px; text-align:center; line-height:40px; background:#009B95;
display:inline-block; color:#FFF; text-decoration:none; border-radius:3px; transition:background 1s ease;}
.fzakazico a:hover{background:rgba(182, 32, 50, 1);}


.no-top-panel{height:80px;}



.sertificates{position:relative; padding:20px 30px;}
.sertificates .ssa{position:absolute;  border: 2px solid #000;}
.sertificates .sa1{ left:0; top:0; border-right: none; border-bottom:none; width: 30px;
 height: 30px;}
.sertificates .sa2{right:0; top:0; border-left: none; border-bottom:none; width: 30px;
  height: 30px;}
.sertificates .sa3{left:0; bottom:0; border-right:none; border-top:none; width: 30px;
  height: 30px;}
.sertificates .sa4{right:0; bottom:0; border-left:none; border-top:none; width: 30px;
  height: 30px;}




.sertificates .owl-carousel{text-align:center;}
.sertificates .owl-carousel div{text-align:center; }

.sertificates .owl-item{  }


.sertificates .owl-carousel img{max-width:300px; display:inline-block !important;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  transition:1s filter ease;
}
.sertificates .owl-carousel img:hover{
-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray; /* IE 6-9 */
	
}



.sertificates .owl-prev{ position:absolute; left:-30px; top:40%;   text-align:center;  color:#000 !important; display:block; font-size:40px !important;}
.sertificates .owl-next{ position:absolute; right:-30px; top:40%;  text-align:center;  color:#000 !important; display:block; font-size:40px !important;}

.sertificates .owl-dots{text-align:center; padding-top:20px;}
.sertificates .owl-dots button{width:10px !important; height:10px !important; border-radius:10px !important; background:#dedede !important; margin:0 2px;}
.sertificates .owl-dots button.active{background:#000 !important;}




#price{padding:50px 20px; background:#f4f4f4; 

}
.price{max-width:1200px; margin:0 auto;}

.przag{position:relative; font-family: 'Cuprum', sans-serif; font-size:40px; 
color:#009B95; margin-bottom:50px;}
.przag:after{position:absolute; left:0px; bottom:-10px; content:""; width:150px; height:1px; background:#009B95;}


.pricelist{display:grid; grid-template-columns:1fr 1fr 1fr; text-align:center;}


.pricelist1{background:#FFF; padding:50px ;  border-radius:10px; 
box-shadow:0 0 25px rgba(0,0,0,0.2); z-index:1;}
.pricelist2{background-image: linear-gradient(140deg, #999999 11%, #6b6b6b 11%); 
padding:80px 50px; margin:-30px 0; border-radius:10px; 
box-shadow:0 0 25px rgba(0,0,0,0.2); color:#FFF;  z-index:2;}


.pricezag{font-family: 'Slimbots'; text-align:center;  font-size:25px;  }
.pricezag2{font-family: 'Slimbots'; text-align:center;  font-size:25px; }
.podpricezag{font-family: 'Slimbots'; text-align:center; font-size:50px;   }
.podpricezag span{font-size:30px;}
.price ul{list-style-type:none;}
.pricelist1 ul li{border-bottom:1px solid #dedede; padding:5px 0;}
.pricelist2 ul li{border-bottom:1px solid rgba(255,255,255,0.5); padding:5px 0;}
.pricelist2 ul li a, .pricelist1 ul li a{background:#BE2F33; color: #FFF; text-decoration:none; 
font-size:22px; display:block;}



nav.clearfix{display:none;}





.portcontainer{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:20px; }



.topcategory{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:20px; max-width:1200px; margin:0 auto;  height:80px; line-height:80px;
margin-bottom:30px;} 

.topcategory h1{ position:relative; font-family: 'Cuprum', sans-serif; font-size:40px; color:#009B95;}
.topcategory h1:after{position:absolute; left:0px; bottom:0px; content:""; width:150px; height:1px; background:#009B95;}
.topcategory .speedbar{text-align:right;}

.catdesk{max-width:1200px; margin:0 auto; padding-bottom:30px; }


.extremum-click{font-size:16px; color:#666; line-height:22px; text-align:center;}
.extremum-click:hover{color:red;}


.desccatul{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:20px; list-style-type:none;
margin:25px 0;  }

.portmore{text-align:center; padding:15px 0 0 0; font-size:20px; display:block;}



.navigation{font-size:0; padding:15px 0; margin:25px 0 40px 0;  text-align:center;border:1px solid #f1f1f1;}
.navigation span{  border-right:0px;  font-size:15px; padding:0 10px;}
.navigation a{ font-size:15px; padding:0 10px;}






.fuelshort{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.2fr 1fr 1fr; grid-gap:30px;}

.fuelst{max-width:1200px; margin:0 auto;}

.fuelsh1{}
.fuelsh2{}
.fuelsh2 ul{list-style-type:none;}
.fuelsh2 ul li{ padding:15px 5px; border-bottom:1px solid #f1f1f1;}

.fuelsh3{padding:20px; border:2px dashed #FFF; background:#f9f9f9;}
.fuelsh3 form{}
.fuelsh3 form input{width:100%; padding:10px; border:none; background:#FFF; margin-bottom:5px; }
.fuelsh3 form textarea{width:100%; padding:10px; border:none; background:#FFF; margin-bottom:5px; 
 resize: none;}
 .fuelsh3 button{border:1px solid #000; width:100%; padding:10px 0; background:#FFF;}
.fuelzakazh3{text-align:center; padding-bottom:15px; font-family: 'Cuprum', sans-serif; font-size:16px;}

.fueltitle{background:rgba(182, 32, 50, 1); padding:20px; 
 margin-bottom:30px; text-align:center;}
.fueltitle h1{color:#FFF; font-size:40px; font-weight:300; font-family: 'Cuprum', sans-serif; }
.fueltitle .speedbar{color:#FFF;  font-size:13px; margin-bottom:5px;}
.fueltitle .speedbar a{color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
.fueltitle .speedbar span{padding:0 2px;}
.fueltitle ul.speedbar{list-style-type:none; display:inline-block;}
.fueltitle .speedbar li{display:inline-block; padding:0 5px;}

.fuelshdesc{background:#f9f9f9; padding:15px; font-size:14px; margin:15px 0;}
.fueldesk{margin:20px 0; padding:15px 0; border-top:1px dashed #dedede; border-bottom:1px dashed #dedede;}
.fueldesk ul{margin:25px;}




#dlemasscomments, #dle-comments-form{width:100%; padding:0 20px;}
#dle-comments-form .box{max-width:1200px; margin:0 auto;}
#dle-comments-list{max-width:1200px; margin:0 auto;}



.kidaly{border:2px dashed red; margin:15px 0; padding:15px; text-align:center;}



.stat-containcer{max-width:1200px; margin:0 auto; }
.stat-containcer p{margin:15px 0;}
.stat-containcer ul{margin:25px ;}

.p-center{text-align:center;}

.stath1{font-family: 'Cuprum', sans-serif; text-align:center;
font-size:45px; color:#009B95;}

.stath2{font-family: 'Cuprum', sans-serif; text-align:center;
font-size:30px;}


.statul1{padding:50px 0;}

.statul1 ul{display:grid; grid-template-columns:repeat(2, 1fr); max-width:1000px; margin:25px auto; list-style-type:none;
}
.statul1 ul li{padding:10px 0;}
.statul1 ul li .fa{margin-right:15px;}

#bluecontainer{background:#009B95 ;  padding:50px 20px;}

#blackstatcontainer{background:url(../img/tablebl.jpg);}

.bluegrid{display:grid; grid-template-columns:repeat(4, 1fr); }
.bluegrid div{border-right:1px solid #FFF; color:#FFF; text-align:center; padding:20px; font-family: 'Cuprum', sans-serif;
font-size:24px;}
.bluegrid div:last-child{border-right:0px solid #FFF; }
.bluegrid div span{font-family: 'Cuprum', sans-serif; font-size:65px;}



#whoostat{background:#f5f5f5 url(../img/background-tracery3.jpg) top center no-repeat; padding:50px 20px;}

.whoogrid{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:30px;}
.whoogrid .p-center{font-size:45px;}

.whoogrid p:nth-child(even){font-size:20px; font-family: 'Cuprum', sans-serif; border-bottom:1px solid rgba(0,0,0,0.1);
padding-bottom:10px; text-align:center;}




.weblock{text-align:center; color:#FFF;}





.livech{position:fixed; left:20px; bottom:20px; border:1px solid red; width:80px; height:80px; display:grid; align-items:center;
border-radius:80px 80px 80px 0px; text-align:center; text-decoration:none; color:red; font-size:14px; 
font-family: 'Cuprum', sans-serif;}



.contact-stat{}
.contact-stat h2{position:relative; font-family: 'Cuprum', sans-serif; font-size:40px; 
color:#333; margin-bottom:30px; font-weight:400;}
.contact-stat h2:after{position:absolute; left:0px; bottom:-10px; content:""; width:150px; 
height:1px; background:#333;}



.contact-map{display:grid; grid-template-columns:1fr 1.5fr; 
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 58%, #ededed 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 58%,#ededed 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 58%,#ededed 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', 
endColorstr='#ededed',GradientType=0 );
box-shadow:0 0 15px rgba(0,0,0,0.1);
margin-bottom:30px;
}
.contact-map-left{padding:30px; display:grid; grid-template-columns:60px 1fr; grid-gap:20px;
align-items:center; font-family: 'Cuprum', sans-serif;}

.contact-map-left div:nth-child(odd){text-align:center; font-size:25px; background:#f5f5f5;
padding:15px;}






#postfooerh{display:none; text-indent:-9999px;}




.dev-fuel{}
.dev-fuel p{margin:15px 0;}
.dev-fuel ul{margin:25px;}



.dev-short{max-width:1200px; margin:0 auto;}
.dev-portitem{padding:15px; border-bottom:1px solid #dedede; background:#f9f9f9;}
.dev-portitem h2{font-weight:400;}
.dev-portitem h2 a{text-decoration:none; color:#333; text-decoration:none;}



.xfieldimagegallery{list-style-type:none; text-align:center;}
.xfieldimagegallery li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dedede; }



.n-3{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:30px;}
.n-3 div{ box-shadow:0 0 20px rgba(0,0,0,0.1); padding:20px;
max-height:250px; overflow-y:scroll;}
.sv-content h2{font-size:28px;  font-family: 'Cuprum', sans-serif; margin:25px 0; 
color: #BE2F33; text-align:center; position:relative;}
.sv-content h2:before{content:""; position:absolute; left:50%; bottom:-10px;
width:100px; height:1px; background:#BE2F33; margin-left:-50px;}
.sv-content h3{font-size:22px; font-family: 'Cuprum', sans-serif;}
.n-3 i{font-size:60px; color:#dedede;}





@media screen and (max-width: 1000px) {

body{}
.no-top-panel{height:60px;}

.top-panel{width:100%; grid-template-columns:150px 1fr 40px;grid-column-gap:10px; height:60px;}

.top-menu{display:none; }

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


	nav.clearfix {
		border-bottom: 0;
		display:block;
		
	}
	nav.clearfix ul {
		display: none;
		height: auto;
		position:absolute;
		right:0px; left:0px;top:60px;
		background:#FFF;
		
		padding:20px;
		
	}
	nav.clearfix a#pull {
	display:block;
	text-align:right;
		text-decoration:none;
		color:#FFF;
		width: 100%;
		position: relative;
		font-size:26px;
	}
	.fixed nav.clearfix a#pull {color:#000 !important;}

	nav.clearfix li {
		display: block;
		float: none;
		width: 100%;
	}
	nav.clearfix li a {
	text-decoration:none;
		border-bottom: 1px solid #dedede;
		color:#000;
		display:block;
		padding:10px;
	}
	
	
.top-menu{grid-column-start: 5; grid-column-end: 6;}	
.logo{grid-column-start: 1; grid-column-end: 2; 


}	
.logo a{}


.phone{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; text-align:right; 
font-size:20px;}
.fixed .phone a{font-size:20px;}
.phone a{}
.phone a#blink{display:none!important;}
nav.clearfix{grid-column-start: 3; grid-column-end: 4; justify-items: end;}	
	
	
	
.stat-containcer{ margin:0 auto; padding:0 20px;}	







#latest{padding:50px 20px;}
.latest{max-width:1200px; margin:0 auto;}
.latest h3{margin-bottom:50px; position:relative; font-family: 'Cuprum', sans-serif; font-size:30px; color:#BE2F33;}
.latest h3:after{position:absolute; left:0px; bottom:-15px; content:""; width:150px; height:1px; background:#BE2F33;}
.portlist{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:20px;}



	
.portcontainer{max-width:1200px; margin:0 auto; display:grid;  padding:0 20px;	
grid-template-columns:repeat(2, 1fr); grid-gap:20px; }

.catdesk{padding:0 20px;  padding-bottom:30px;}	


.fuelshort{max-width:1200px; margin:0 auto; display:grid; 
grid-template-columns:1fr; grid-gap:30px;}

.fuelst{ padding:0 20px;}


.bluegrid{display:grid; grid-template-columns:repeat(2, 1fr); }	

.bluegrid div{border-right:0px solid #FFF; color:#FFF; text-align:center; 
padding:20px; font-family: 'Cuprum', sans-serif;
font-size:24px;}
.bluegrid div:last-child{border-right:0px solid #FFF; }
.bluegrid div span{font-family: 'Cuprum', sans-serif; font-size:65px;}



#whoostat{background:#f5f5f5 url(../img/background-tracery3.jpg) top center no-repeat; padding:50px 20px;}

.whoogrid{display:block; }
.whoogrid .p-center{font-size:45px;}

.whoogrid p:nth-child(even){font-size:20px; font-family: 'Cuprum', sans-serif; border-bottom:1px solid rgba(0,0,0,0.1);
padding-bottom:10px; text-align:center;}

.tech-me{max-width:1000px; margin:0 auto; display:grid; 
grid-template-columns:repeat(3, 1fr); grid-gap:20px; text-align:center;}





.slogan1{font-size:36px; margin-bottom:15px; color:#009B95; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,1);}
.slogan1 i{width:auto; height:auto; background:none;
text-align:center; line-height:auto; padding:0px;}

.logo a{font-size:25px!important;}
#slider{justify-content:center;}
.slogcontainer{padding:0 20px;text-align:center; width:100%;}
.slogan4 a{margin:0 auto;}

	
}




@media screen and (max-width: 700px) {



.n-3{display:block; }

.tech-me{max-width:1000px; margin:0 auto; display:grid; 
grid-template-columns:repeat(2, 1fr); grid-gap:20px; text-align:center;}

	
.contact-map{display:grid; grid-template-columns:1fr ; 
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 58%, #ededed 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 58%,#ededed 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 58%,#ededed 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', 
endColorstr='#ededed',GradientType=0 );
box-shadow:0 0 15px rgba(0,0,0,0.1);
margin-bottom:30px;
}
.contact-map-left{padding:30px; display:grid; grid-template-columns:60px 1fr; grid-gap:20px;
align-items:center; font-family: 'Cuprum', sans-serif;}

.contact-map-left div:nth-child(odd){text-align:center; font-size:25px; background:#f5f5f5;
padding:15px;}
	
	
	
.bluegrid{display:grid; grid-template-columns:repeat(2, 1fr); }	


.portcontainer{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr; grid-gap:20px; }
.portitem{text-align:center;}



#slider{width:100%; height:100vh; background:#000 url(../img/bg2.jpg) center center no-repeat; background-size:cover; 
display:flex; align-items:center; justify-content:center; min-height:500px;
text-align:center; color:#FFF; position:relative; padding:0 20px;}
#slider::before{position:absolute; left:0; top:0; right:0; bottom:0; content:""; background:rgba(0,0,0,0.3);}

.slogan1{font-size:36px; margin-bottom:15px; color:#009B95; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,1);}
.slogan1 i{width:auto; height:auto; background:none;
text-align:center; line-height:auto; padding:0px;}

.slogan2{font-size:30px; font-family: 'Cuprum', sans-serif; line-height:22px !important; 
margin-bottom:30px;
position:relative; text-shadow:2px 2px 2px rgba(0,0,0,1);}
.slogan3{display:none;}
.slogan4{position:relative;}











main {
  
  max-width: 1200px;
  padding: 50px 20px;
  margin: 0 auto;
  background: #fff;
  
  
 
}
/* Стили секций с содержанием */
#content1, #content2, #content3 {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

main input {
  display: none;
}
/* Стили вкладок (табов) */
main label {
  display: block;
  margin: 0 0 -1px;
  padding: 10px 25px;
  font-size:18px;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}




.content1{display:grid; grid-template-columns:1fr; grid-column-gap:35px;}
.content1 p{margin:15px 0; color:#555;}
.oh1{font-size:30px; font-weight:400; color:#BE2F33!important;     font-family: 'Cuprum', sans-serif; 
 }
.oh2{font-size:30px; font-weight:400;   color:#333!important;  font-family: 'Cuprum', sans-serif;}


.content2{display:grid; grid-template-columns:1fr; grid-gap:20px;}
.content2 p{margin:15px 0; color:#555;}
.sh2{font-family: 'Cuprum', sans-serif; font-size:45px; color:#BE2F33!important;}
.sh3{font-family: 'Cuprum', sans-serif; font-size:22px; color:#333!important;}





#services{background:#f5f5f5 url(../img/bg-lightl-888.jpg); padding:50px 20px; width:100%;}
.services{display:grid; grid-template-columns:1fr; grid-gap:20px; max-width:1200px; margin:0 auto;
align:items:center;}
.services p{margin:15px 0; color:#555;}
.icenter{}
.icenter .fa{font-size:45px;}







#clients{padding:50px 20px; width:100%; }
.clients{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:20px; max-width:1200px; margin:0 auto;
align:items:center;}

.clients p{margin:15px 0; color:#555;}




#latest{padding:50px 20px;}
.latest{max-width:1200px; margin:0 auto;}
.latest h3{margin-bottom:50px; position:relative; font-family: 'Cuprum', sans-serif; font-size:30px; color:#BE2F33;}
.latest h3:after{position:absolute; left:0px; bottom:-15px; content:""; width:150px; height:1px; background:#BE2F33;}
.portlist{display:grid; grid-template-columns:1fr; grid-gap:20px; text-align:center;}









#price{padding:50px 20px; background:#f4f4f4; }
.price{max-width:1200px; margin:0 auto;}

.przag{position:relative; font-family: 'Cuprum', sans-serif; font-size:40px; color:#009B95; }
.przag:after{position:absolute; left:0px; bottom:-10px; content:""; width:150px; height:1px; background:#009B95;}


.pricelist{display:grid; grid-template-columns: 1fr; grid-gap:15px;}


.pricelist1{margin-bottom:15px;}
.pricelist2{margin:0 0; margin-bottom:15px;}

#clients{padding:50px 20px; width:100%; }
.clients{display:grid; grid-template-columns:1fr; grid-gap:20px; max-width:1200px; margin:0 auto;
align:items:center;}

.clients p{margin:15px 0; color:#555;}





#jobs{padding:50px 20px; background:#000 url(../img/fake-brick.png); color:#dedede;}
.jobs{max-width:1200px; margin:0 auto;}
.jobs h3{margin-bottom:50px; position:relative; font-family: 'Cuprum', sans-serif; font-size:26px; color:#dedede;}
.jobs h3:after{position:absolute; left:0px; bottom:-15px; content:""; width:150px; height:1px; background:#dedede;}
.jobs p{margin:15px 0;}
.jobs p .fa{color:#FFF; font-size:30px; margin-left:20px;}
.jcontainer{display:grid; grid-template-columns:1fr; grid-column-gap:30px;}
.jright{text-align:right; color:#BE2F33;}
.jright span{color:#BE2F33; border-bottom:1px dashed #BE2F33; font-family: 'Cuprum', sans-serif; font-size:25px;}

.jh2{}
.jh2 span{color:#BE2F33; border-bottom:1px dashed #BE2F33; font-family: 'Cuprum', sans-serif; font-size:25px;}




#fzakaz{ width:100%; padding:0 20px; background:#FFF url(../img/light_wool.png) ; 
  color:#333; border-top:1px solid #dedede; position:relative;}

#fzakaz form{position:relative;}

.fzakaz{max-width:1200px; padding:50px 0;margin:0 auto;  text-align:center; display:block;}
.fzakaz ::placeholder{color:#000; opacity: 1;}

.fzakazh1{text-align:center; font-size:25px; font-family: 'Cuprum', sans-serif; color:rgba(182, 32, 50, 1); margin-bottom:35px; 
font-weight:400; position:relative;}
.fzakazh1:after{position:absolute; left:50%; margin-left:-75px; bottom:-15px; content:""; width:150px; height:1px; background:#BE2F33;}
.usluglist{display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:30px; }

.fzakazp{margin-bottom:35px; text-align:center; position:relative;}


.fzakazform div{display:grid; grid-template-columns:1fr; grid-column-gap:30px; margin-bottom:30px;}
.fzakazform div input{border:1px solid rgba(0,0,0,0); border-bottom:1px solid #666; width:100%; height:50px; padding:10px;
background:none; transition:background 1s ease, box-shadow 1s ease; color:#333;}
.fzakazform div input:focus{background:#f5f5f5; }
.fzakazform textarea{background:none; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #666; width:100%; height:60px; 
transition:background 1s ease; padding:10px; margin-bottom:30px;}
.fzakazform textarea:focus{background:#f5f5f5;}
.fzakazform button{border:none; background:#009B95; width:250px; height:50px; color:#FFF; border-radius:50px;
font-size:20px; font-family: 'Cuprum', sans-serif;}

.fzakazform .fzakazdiv {grid-template-columns:1fr; }


#footer{padding:50px 20px; width:100%; background:#000; font-size:14px; color:#dedede;}
.footer{max-width:1200px; margin:0 auto;}

.topfooter{border-bottom:1px solid rgba(255,255,255,0.2); display:grid; grid-template-columns:1fr; grid-gap:0px; color:#dedede;
padding-bottom:30px;}
.topfooter p{margin:15px 0;}
.bottomfooter{display:grid; grid-template-columns:1fr; grid-gap:0px; color:#dedede; padding-top:30px;}



.flogo{ font-family: 'Slimbots'; font-size:25px; color:#FFF; }
.flogo span{color: rgba(182, 32, 50, 1);}


.formlogo{ font-family: 'Slimbots'; font-size:25px; color:#000; text-align:center;}
.formlogo span{color: rgba(182, 32, 50, 1);}

.fslogan{font-size:13px;}

.fmenu{border-left:0px solid rgba(255,255,255,0.15); border-right:0px solid rgba(255,255,255,0.15); padding-left:0px;}
.fmenu ul{list-style-type:none; margin:15px 0;}
.fmenu ul li{}
.fmenu ul li a{color:#dedede; font-size:14px; color:#dedede; text-decoration:none; padding:3px 0; display:block;}


.fcontacts{}
.locationss{display:block; grid-template-columns:30px 1fr; line-height:22px;}
.locationss span:nth-child(odd){text-align:center;}


.fixed nav.clearfix a#pull {color:#000 !important;}






.popup {
    top: 10%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    max-width: 300px;
    position: absolute;
    background: #FFF;
    z-index: 10000;
    padding:20px 20px;
	box-shadow:0 0 25px rgba(0,0,0,0.7);
	
    
}


.close {
    top: 20px;
    right: 20px;
    position: absolute;
    border: none;
   color:#000;
   background:none;
    cursor: pointer;
    outline: none;
    font-size:30px;
	z-index:9999;
	

}

}